Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: ScrollBar staying in the middle of the modal (iOS) #3709

Merged
merged 2 commits into from
Jun 22, 2021
Merged

Fix: ScrollBar staying in the middle of the modal (iOS) #3709

merged 2 commits into from
Jun 22, 2021

Conversation

rdjuric
Copy link
Contributor

@rdjuric rdjuric commented Jun 21, 2021

Details

There's an open issue in react native (facebook/react-native#26610) that causes the ScrollBar to be incorrectly positioned in some iOS versions. The recommended workaround involves wrapping the view in a SafeAreaView. This PR wraps our Modal component for iOS in a SafeAreaView.

No code that is run on other platforms is changed.

Fixed Issues

Fixes #3637

Tests

  1. Login with account A
  2. Open Chat with account B
  3. Click the tab "View Details"
  4. Scroll down the "Details" tab
  5. The ScrollBar correctly shows up on the right side

QA Steps

Tested On

  • Web
  • Mobile Web
  • Desktop
  • iOS
  • Android

Screenshots

Web

Mobile Web

Desktop

iOS

Simulator.Screen.Recording.-.iPhone.SE.13.7.-.2021-06-21.at.15.25.03.mp4

Android

@rdjuric rdjuric requested a review from a team as a code owner June 21, 2021 18:26
@MelvinBot MelvinBot requested review from timszot and removed request for a team June 21, 2021 18:27
@timszot timszot merged commit d1b79b0 into Expensify:main Jun 22, 2021
@OSBotify
Copy link
Contributor

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

@OSBotify
Copy link
Contributor

🚀 Deployed to staging in version: 1.0.73-4🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

@OSBotify
Copy link
Contributor

🚀 Deployed to production in version: 1.0.74-0🚀

platform result
🤖 android 🤖 success ✅
🖥 desktop 🖥 success ✅
🍎 iOS 🍎 success ✅
🕸 web 🕸 success ✅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Scrollbar appears in the middle of conversation '"View details" option
3 participants